<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/plan_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">

    {include file="common/nav" /}

    <!--carousel start-->
    <div class="swiper-container carousel com">
        <div class="swiper-wrapper">
            {volist name="bannerList" id="banner"}
            <div class="swiper-slide"><a {if !empty($banner.link)}href="{$banner.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$banner.thumb}" alt="{$banner.title}" title="{$banner.title}" /></a></div>
            {/volist}
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!--carousel stop-->

    <!--small-nav start-->
    <div id="small-nav">
        <div class="com">
            <span class="title">首页</span>
            <span class="iconfont icon-you"></span>
            <span  class="title">{$parentNavigation['name']}</span>
            <span class="iconfont icon-you"></span>
            <span class="title">{$pageInfo['name']}</span>
        </div>
    </div>
    <!--small-nav stop-->

    <div id="center" class="com">
        <div class="com-center">

            <!--ctitle start-->
            {if !empty($childrenPlist)}
            <div class="ctitle">
                {volist name="childrenPlist" id="child"}
                <a href="/plan/{$identify_1}/{$child['id']}"><div {if $id==$child['id']}class="active"{/if} data-category_id="{$child.id}">{$child.name}</div></a>
                {/volist}
            </div>
            {/if}
            <!--ctitle start-->

            <div id="left-box">

                <!--article-list start-->
                <div class="article-list">
                    {if !empty($articleList)}
                    {volist name="articleList" id="article"}
                    <div class="article">
                        <div class="left-box">
                            <a href="{:url('/detail/'.$article['id'])}" target="_blank"><img src="{$article.thumb|image_processing=0}" alt="{$article.title}" title="{$article.title}"></a>
                        </div>
                        <div class="right-box">
                            <div class="item-title"><a href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a></div>
                            <div class="content">{$article.info}</div>
                            <div class="info">
                                <img src="{$article.avatar|image_processing=1}"/>
                                <span class="publish-date">{$article.createtime}</span>
                                <a href="{:url('/detail/'.$article['id'])}" target="_blank" class="link">阅读全文</a>
                            </div>
                        </div>
                    </div>
                    {/volist}
                    {else/}
                    <p style="height:40px; line-height: 40px; text-align: center;">暂无数据</p>
                    {/if}
                </div>
                <!--article-list stop-->

                <!--page start-->
                {if !empty($show)}
                <div class="page">
                    {$show}
                </div>
                {/if}
                <!--page stop-->

            </div>

            <div id="right-box">

                <!--directory start-->
                {if !empty($categoryList)}
                <div class="directory">
                    <h2 class="title">分类目录</h2>
                    <div class="content">
                        <ul>
                            {volist name="categoryList" id="category"}
                            <li><a href="/list/0/{$category.id}" target="_blank">{$category.name}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
                {/if}
                <!--directory stop-->

                <!--hotread start-->
                {if !empty($hotArticleList)}
                <div class="hotread">
                    <h2 class="hotread-title">热门阅读</h2>
                    <div class="hotread-list">
                        {volist name="hotArticleList" id="hotArticle"}
                        <div class="list-item">
                            <div class="left-box"><img src="{$hotArticle.thumb|image_processing=0}" alt="{$hotArticle.title}" title="{$hotArticle.title}" onclick="window.open('{:url(\'/detail/\'.$hotArticle.id)}')"></div>
                            <div class="right-box">
                                <div class="article-title"  onclick="window.open('{:url(\'/detail/\'.$hotArticle.id)}')">{$hotArticle.title}</div>
                                <div class="article-info">
                                    <span class="pubdate">{$hotArticle.createtime|date='Y-m-d',###}</span>
                                    <span class="comment">{$hotArticle.articleCommentCount}评论</span>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
                {/if}
                <!--hotread stop-->

                <!--overview start-->
                {if !empty($statisticalData)}
                <div class="overview">
                    <h2 class="title">网站概况</h2>
                    <ul class="content">
                        {volist name="statisticalData" id="statistical"}
                        <li><span>{$statistical.0}：</span><span>{$statistical.1}</span></li>
                        {/volist}
                    </ul>
                </div>
                {/if}
                <!--overview stop-->

            </div>

        </div>

    </div>

    <div style="height: 30px; clear: both;"></div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/swiper.min.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript">
    $(function () {
        //轮播
        var mySwiper = new Swiper ('.swiper-container', {
            autoplay: true,
            speed:2500,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

    });
</script>
</body>
</html>